<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>访客凭证验证结果</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f4f4f4; }
        .container { text-align: center; background-color: white; padding: 40px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); max-width: 90%; }
        h1 { font-size: 2.5em; margin-bottom: 20px; }
        p { font-size: 1.2em; line-height: 1.6; color: #555; }
        .green { color: #28a745; }
        .orange { color: #fd7e14; }
        .red { color: #dc3545; }
    </style>
</head>
<body>
<div class="container">
    <h1 th:text="${status}" th:class="${color}">验证状态</h1>
    <p th:utext="${message}">详细信息将显示在这里。</p>
</div>
</body>
</html>